/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html, body{
    font-family: 'Arimo', sans-serif;
    font-size: 100%;
    background: #FFf;
}
body a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
input [type="text"],input [type="submit"],input [type="button"],textarea{
    -webkit-appearance:none;
}
/*-- header --*/
.header{
    padding: 1em 0;
    background: url(../images/header-bg.png) no-repeat 0px 0px;
    background-size: 27% 100%;
}
.logo{
    float:left;
    margin-top:0.5em;
}
span.menu{
    display:none;
}
.top-nav{
    float:right;
}
.top-nav ul{
    margin:0;
    padding:0;
}
.top-nav ul li{
    display:inline-block;
}
.top-nav ul li a{
    text-transform:uppercase;
    font-weight:700;
    color:#2C3E50;
    margin:1em 1.3em;
    display:inline-block;
    text-decoration:none;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
    color:#19b5fe;
}
/*----slider----*/
.benner{
}
.img-slider{
}
#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}
.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px;
}
.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}
.rslides_tabs li:first-child {
    margin-left: 0;
}
.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}
.callbacks_nav {
    display:none;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    height: auto;
    border: 0;
    width:100%;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    bottom: 6%;
    z-index: 999;
    right: 4.5%;
    padding: 0;
    margin: 0;
}
.callbacks_tabs li{
    display:inline-block;
}
@media screen and (max-width: 600px) {
    h1 {
        font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .callbacks_nav {
        top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
    visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size:0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height:15px;
    width:15px;
    display:inline-block;
    border:2px solid #FFF;
}
.callbacks_here a:after{
    border:2px solid #19b5fe;
}
/*-- slider-caption --*/
.slider-caption{
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0%;
    top: 59%;
    background: rgba(25, 181, 254, 0.21);
    padding: 1em;
    width: 42%;
}
.slider-caption h1{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 4em;
    margin: 0;
    padding: 0;
    color:#FFF;
}
.slider-caption{

}
.slider-caption h1 span{
    color:#2C3E50;
}
.slider-caption p{
    color: #FFF;
    font-weight: 100;
    font-size: 1em;
    width: 89%;
    line-height: 1.6em;
}
a.caption-btn{
    background:#2C3E50;
    padding:0.8em 1.2em;
    text-transform:uppercase;
    color:#FFF;
    font-weight:700;
    display:inline-block;
    margin-top:1em;
    text-decoration:none;
    font-size: 0.875em;
    border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    -o-border-radius:0.5em;
    -ms-border-radius:0.5em;
}
a.caption-btn:hover{
    background:#19b5fe;
}
/*-- //slider --*/
/*-- top-grids --*/
.top-grids{
    padding:3.5em 0;
}
.top-grid{
    border:1px solid #EEE;
    padding:4em 0;
    transition:border-color 0.5s all;
}
.top-grid:hover{
    border-color:#19b5fe;
}
.top-grid h3{
    color: #2C3E50;
    font-size: 1.4em;
    text-transform: uppercase;
    margin: 0;
    padding: 0.7em 0 0.5em;
    font-weight: 900;
}
.top-grid p{
    color: #777;
    line-height: 1.5em;
    font-size: 0.875em;
    width: 90%;
    margin: 0 auto;
}
.top-grid span{
    width:64px;
    height:64px;
    display:inline-block;
    background:url(../images/top-icons.png) no-repeat 0px 0px;
}
.top-grid span.t-icon1{
    background-position:0px 0px;
}
.top-grid span.t-icon2{
    background-position: -84px 0px;
}
.top-grid span.t-icon3{
    background-position: -162px 0px;
}
.top-grid span.t-icon4{
    background-position: -242px 0px;
}
/*-- mid-grids --*/
.mid-grids {
    background: #f9ffff;
}
.mid-grid-right{
    padding:3em 0;
}
.mid-grid-left{
    padding:0;
    background:url(../images/about-pic.jpg) no-repeat 0px 0px;
    background-size:cover;
    min-height:500px;
}
.mid-grid-right h2{
    color: #2C3E50;
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 0;
    padding: 0em 0 0.5em;
    font-weight: 900;
}
.mid-grid-right p{
    color: #777;
    line-height: 1.8em;
    width:90%;
}
a.about-btn{
    background:#2C3E50;
    padding:0.8em 1.2em;
    text-transform:uppercase;
    color:#FFF;
    font-weight:700;
    display:inline-block;
    margin-top:1em;
    text-decoration:none;
    font-size: 0.875em;
    border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    -o-border-radius:0.5em;
    -ms-border-radius:0.5em;
}
a.about-btn:hover{
    background:#19b5fe;
}
/*-- .bottom-grids --*/
.bottom-grids{
    padding: 3em 0 0 0;
}
.bottom-grids h2{
    color: #2C3E50;
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 0;
    padding: 0em 0 1.3em;
    font-weight: 900;
    text-align: center;
}
.bottom-grids h2{

}
.bottom-grid-left img{
    width:100%;
    border:1px solid #EEE;
    padding:0.2em;
}
a.news-btn{
    background:#2C3E50;
    padding:0.6em 1em;
    text-transform:uppercase;
    color:#FFF;
    font-weight:700;
    display:inline-block;
    text-decoration:none;
    font-size: 0.875em;
    border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    -o-border-radius:0.5em;
    -ms-border-radius:0.5em;
}
a.news-btn:hover{
    background:#19b5fe;
}
.bottom-grid-right p{
    color: #FFF;
    line-height: 1.8em;
    width: 90%;
}
.bottom-grid{
    padding:1.5em 0;
}
.bottom-grid1{
    background:#3498DB;
}
.bottom-grid2{
    background:#22A7F0;
}
.bottom-grid3{
    background:#3498DB;
}
a.load-news{
    background:#2C3E50;
    display:block;
    text-align:center;
    color:#FFF;
    text-transform:uppercase;
    padding:1.5em 0;
    text-decoration:none;
}
a.load-news:hover{
    background: #19b5fe;
}
/*--- team ---*/
.team{
    padding: 3em 0;
}
.team-head{

}
.team-head h3{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.5em 0;
}
.team-people{
    position:relative;
}
.team-people-pic{
    position:relative;
}
.team-people-info{
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    background:rgba(25, 181, 254, 0.58);
    text-align:center;
    display:none;
}
.team-people-pic img{
    width:100%;
}
.team-people-info h3{
    margin-top: 4.5em;
    color:#FFF;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:0;
    padding:0 0 0.5em 0;
}
.team-people-info p{
    color:#FFF;
    width:90%;
    margin:0 auto;
}
.team-grid:hover div.team-people-info{
    display:block;
}
.team-grids{
    padding:1.5em 0 0 0;
}
.team-grids-caption{
    background:#f2f2f2;
    padding:1.5em 0;
}
.team-grids-caption-left{
    float: left;
    width: 77%;
    margin-top: 0.38em;
}
.team-grids-caption-right{
    float:right;
    width:20%;
}
.team-grids-caption-left h4{
    color:#2C3E50;
    font-weight:700;
    font-size:1.3em;
    margin:0;
    padding:0 0 0.3em 0;
}
.team-grids-caption-left p{
    margin:0;
    padding:0;
    color:#777;
}
.team-grid {
    margin: 0 0 2em 0;
    border-bottom: 5px solid #3498DB;
}
.team-grid:hover div.team-people-pic img{
}
.team-grids-caption{
    background:#2C3E50;
    padding:1.5em 0;
}
.team-grids-caption-left{
    float: left;
    width: 77%;
    margin-top: 0.38em;
}
.team-grids-caption-right{
    float:right;
    width:20%;
}
.team-grids-caption-left h4{
    color:#FFF;
    font-weight:700;
    font-size:1.3em;
    margin:0;
    padding:0 0 0.3em 0;
}
.team-grids-caption-left p{
    margin: 0;
    padding: 0;
    color: #81AABD;
}
a.team-btn{
    border: 2px solid #19b5fe;
    text-transform: uppercase;
    padding: 0.8em 1.5em;
    margin-top: 0.2em;
    display: inline-block;
    color: #19b5fe;
    text-decoration: none;
}
a.team-btn:hover{
    border-color:#FFF;
    color:#FFF;
}
/*-- footer --*/
.footer{
    padding:1em 0;
    background:#19b5fe;
}
p.copy-right{
    float:left;
    margin:0;
    padding:0;	
    color:#FFF;
    text-transform:uppercase;
    font-size:0.875em;
}
p.copy-right a{
    color:#FFF;
    text-decoration:none;
}
p.copy-right a:hover{
    color:#2C3E50;
}
/*-- about us --*/
.header-border{
    border-bottom: 1px solid #F9F9F9;
}
/*-- aboutus --*/
.about{
}
.about-left{

}
.about-left h1{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size:1.5em;
}
.about-left p{
    color: #777;
    line-height: 1.8em;
}
.about-grids{
    padding:1.5em 0;
}
.about-left ul{
    margin:0 0 0.8em 3em;
    padding:0;
}
.about-left ul li{
    display:block;
}
.about-left ul li a{
    color: #777;
    text-decoration:none;
    padding:0.3em 0;
    display:block;
}
.about-left ul li a:hover{
    color:#19b5fe;
}
.about-left ul li a span{
    width:8px;
    height:8px;
    display:inline-block;
    background:url(../images/arrow.png) no-repeat 0px 0px;
    margin-right:0.5em;
}
.about-left h2{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size:1.3em;
}
.news-grid{
    margin-top: 0.7em;
}
.news-grid img{
    width:100%;
}
.recent-posts{
    margin-top:2em;
}
.recent-post-grids{

}
.r-post-grid-left{
    float:left;
    width:29%;
}
.r-post-grid-left a img{
    width:100%;
    border:1px solid #EEE;
    padding:0.2em;
}
.r-post-grid-right{
    float:right;
    width:68%;
}
.r-post-grid-right h4{
    margin:0;
    padding:0 0 0.4em 0;
    color:#2C3E50;
    text-transform:uppercase;
    font-size:0.9em;
}
.r-post-grid-right p{
    color: #777;
    font-size: 0.875em;
    line-height: 1.5em;
    margin:0;
}
.r-post-grid{
    border-bottom:1px dotted #EEE;
    padding:0.8em 0 0.8em 0;
}
/*-- services --*/
/*--  services --*/
.services{
    padding:1.5em 0;
}
.services-left{
    padding-left:0;
}
.services-left h1{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.5em;
}
.services-left-grid{
    padding:1em 0;	
}
.services-left-grid h3{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.5em 0;
    font-size: 1.2em;
}
.services-left-grid p{
    color: #777;
    line-height: 1.8em;
    margin: 0.5em 0 0.8em 0;
}
a.more-btn{
    background: #2C3E50;
    padding: 0.7em 1em;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
}
a.more-btn:hover{
    background: #19b5fe;
}
ul.pagenation{
    margin: 1em 0 0 0;
    padding: 0;
}
ul.pagenation li{
    display:inline-block;
}
ul.pagenation li a{
    background: #2C3E50;
    padding: 0.7em 1em;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
}
ul.pagenation li a:hover{
    background: #19b5fe;
}
.services-right ul li a{
    display:block;
}
.services-right ul{
    margin:0;
    padding:0;
}
.services-right ul li{
    display:block;
}
.services-right ul li a{
    color:#777;
    padding:0.5em 0;
    border-bottom:1px dashed #EEE;
    text-decoration:none;
}
.services-right ul li a:hover{
    color:#19b5fe;
}
.services-right ul li a span{
    width:8px;
    height:8px;
    display:inline-block;
    background:url(../images/arrow.png) no-repeat 0px 0px;
    margin-right:0.4em;
}
.services-right h3{
    font-weight: 700;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 0;
    padding: 0 0 0.9em 0;
    font-size: 1.3em;
}
/*-- blog --*/
.blog{

}
.blog a{
    text-decoration:none;
}
.blog-head-left{
    float:left;
}
.blog-head-left h3{
    color:#FFF;
    font-size:2em;
}
.blog-head-right{
    float:right;
    margin-top: 0.7em;
}
.blog-head-right ul li{
    display:inline-block;
}
.blog-head-right ul li a{
    color:#69BAE9;
}
.blog-head-right ul li a span{
    height:13px;
    width:10px;
    background:url(../images/nav-arrow.png) no-repeat 0px 0px;
    display:inline-block;
    vertical-align: middle;
    margin:0 0.5em;
}
/*----*/
.blog-content-left{
    float:left;
    width:73%;
}
.blog-content-right{
    float:right;
    width: 23.5%;
}
.blog-artical-info-head h2 a{
    color: #2C3E50;
    font-size: 0.875em;
    margin: 0.5em 0;
    display: block;
    text-decoration: none;
}
.b-tag-weight ul{
    margin:0;
    padding:0;
}
.blog-artical-basicinfo{
    float:left;
    width: 12%;
}
.blog-artical-basicinfo ul{
    margin:0;
    padding:0;
}
.blog-artical-basicinfo li{
    width: 80px;
    height: 80px;
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    border: 1px solid #19b5fe;
    text-align: center;
    margin: 0.8em auto;
    list-style:none;
}
.blog-artical-info{
    float:right;
    width:85%;
}
.post-date span{
    display:block;
    color:#19b5fe;
    font-size: 1.5em;
}
.post-date label{
    font-size: 12px;
    color: #19b5fe;
    margin-top: -0.2em;
    display: block;
}
.post-date p{
    padding: 0.7em 0 0 0;
}
.categoery span{
    width: 28px;
    height: 28px;
    background: url(../images/photo.png) no-repeat 0px 0px;
    display: inline-block;
    margin-top: 1.7em;
}
.artlick span{
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(../images/like.png) no-repeat 0px 0px;
    margin-top: 1em;
}
.artlick i{
    display: block;
    color: #19b5fe;
    margin-top: -0.3em;
    font-style:normal;
}
.art-comment span{
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(../images/bub-icon.png) no-repeat 0px 0px;
    margin-top: 0.9em;
}
.art-comment i{
    display: block;
    color: #19b5fe;
    margin-top: -0.3em;
    font-style:normal;
}
.blog-content{
    margin: 3em 0 6em;
}
.blog-artical-info-head ul{
    padding:0.6em;
    border:1px solid #EEE;
    border-right:0;
    border-left:0;
}
.blog-artical-info-head ul li{
    display:inline-block;
}
.blog-artical-info-head ul li span{
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/tag.png) no-repeat 0px 0px;
    vertical-align: middle;
    margin-right: 0.5em;
}
.blog-artical-info-head ul li a,.blog-artical-info-head ul li{
    color: #777;
    font-size:1em;
    display: inline-block;
    padding: 0 0.2em;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.blog-artical-info-head ul li a:hover{
    color:#19b5fe;
}
.blog-artical-info-text p{
    color: #777;
    font-size: 1em;
    line-height: 1.6em;
    margin: 1em 0;
    font-weight: 100;
}
.blog-artical-info-text p a{
    color: #19b5fe;
    margin-left: 0.4em;
    font-size: 0.875em;
    vertical-align: middle;
}
.blog-artical{
    margin-bottom:2em;
}
.blog-artical-info-img img{
    border-bottom: 2px solid #19b5fe;
    width:100%;
}
.blog-pagenat ul li{
    display:inline-block;
}
.blog-pagenat ul li a{
    display: block;
    background: #2C3E50;
    padding: 0.7em 1em;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
}
.blog-pagenat ul li a:hover{
    background: #19b5fe;
}
.blog-pagenat ul li a.frist span{
    width:13px;
    height:17px;
    display:inline-block;
    background:url(../images/page-icons.png) no-repeat 0px 0px;
    vertical-align:middle;
}
.blog-pagenat ul li a.last span{
    width:13px;
    height:17px;
    display:inline-block;
    background:url(../images/page-icons.png) no-repeat -10px 0px;
    vertical-align:middle;
}
.blog-pagenat{
    text-align:center;
}
/*----*/
.blog-content-right{

}
.b-search{
    position: relative;
    border: 1px solid #EEE;
    padding: 0.5em 0;
}
.b-search input[type="text"]{
    width: 80%;
    outline: none;
    padding: 0em 0.6em;
    font-size: 1em;
    color: #999;
    position: relative;
    border: none;
    font-family: 'Arimo', sans-serif;
}
.b-search input[type="submit"]{
    background: url(../images/search-icon.png) no-repeat 0px 2px;
    border: none;
    height: 26px;
    width: 26px;
    display: inline-block;
    position: absolute;
    outline: none;
    cursor: pointer;
    top: 6px;
    right: 2px;
}
.twitter-weight-grid h4 span{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/social-icons.png) no-repeat 0px -1px;
    vertical-align: middle;
    margin-right: 0.5em;
}
.twitter-weight-grid h4{
    color:#2C3E50;
    font-size:1.2em;
    margin: 0;
}
.twitter-weight-grid p{
    color:#999;
    margin:0.5em 0;
    line-height:1.5em;
}
.twitter-weight-grid{
    padding: 1em 0;
    border-bottom: 1px solid #EEE;
}
.twitter-weight-grid p a{
    color:#19b5fe;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.twitter-weight-grid p a:hover{
    color:#000;
}
.twitter-weight-grid i a{
    color: #2C3E50;
    font-size: 1em;
    font-style:normal;
}
.twitter-weights h3{
    font-size: 1.4em;
    color: #2C3E50;
    margin: 0;
    padding: 0;
    font-weight:700;
    text-transform:uppercase;
}
.twitter-weights{
    margin-top:2em;
}
.twittbtn{
    color: #19b5fe;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    border-bottom:1px solid #EEE;
    padding:0.5em 0;
    display:block;
}
.twittbtn:hover{
    color:#000;
}
.b-tag-weight{
    margin-top:2em;
}
.b-tag-weight h3{
    font-size: 1.4em;
    color: #2C3E50;
    margin: 0.5em 0;
    text-transform: uppercase;
    font-weight: 700;
}
.b-tag-weight ul li{
    display:inline-block;
}
.b-tag-weight ul li a{
    background: #2C3E50;
    padding: 0.7em 1em;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
}
.b-tag-weight ul li a:hover{
    background: #19b5fe;
}
/*----//End-blog----*/
/*------ contact -----*/
.contact {
    padding: 1em 0 8em;
}
.contact-head{
    text-align:left;
}
.contact-head h2{
    font-size: 1.7em;
    color: #2C3E50;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0.8em 0 0.4em 0;
}
.contact-head span{
    color: #777;
}
.contact-map iframe{
    min-height:300px;
    width:100%;
    border:none;
    margin:1.5em 0 1em;
}
.contact-form-row{
    margin-bottom:1em;
}
.contact-form-row div{
    width: 32.6%;
    float: left;
    margin-right: 1%;
} 
.contact-form-row div span,.contact-form-row2  span{
    font-size:1.2em;
    color:#2C3E50;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    padding:0 0 0.5em;
}
.contact-form-row div input[type="text"]{
    width:100%;
    padding:1em;	
    font-family: 'Droid Sans', sans-serif;
    border:1px solid #EEE;
    -webkit-appearance:none;
    outline:none;
    color:#777;
    transition:border-color 0.4s;
    -webkit-transition:border-color 0.4s;
    -moz-transition:border-color 0.4s;
    -o-transition:border-color 0.4s;
    -ms-transition:border-color 0.4s;
}
.contact-form-row div input[type="text"]:hover,.contact-form-row2 textarea:hover{
    color:#19b5fe;
    border-color:#19b5fe;
}
.contact-form-row div:nth-child(3){
    margin-right:0;
}
.contact-form-row2 textarea{
    width:100%;
    padding:1em;	
    font-family: 'Droid Sans', sans-serif;
    border:1px solid #EEE;
    -webkit-appearance:none;
    outline:none;
    color:#777;
    min-height:320px;
    resize:none;
    transition:border-color 0.4s;
    -webkit-transition:border-color 0.4s;
    -moz-transition:border-color 0.4s;
    -o-transition:border-color 0.4s;
    -ms-transition:border-color 0.4s;
}
.contact-form-row2 {
    margin-top:1em;
}
.contact-form input[type="submit"]{
    display: block;
    background: #2C3E50;
    padding: 0.7em 1em;
    font-size:1.2em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    border:none;
    outline:none;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
.contact-form input[type="submit"]:hover{
    background: #19b5fe;
}
/*-- responsive-design --*/
@media(max-width:1366px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat -48px 0px;
    }
}
@media(max-width:1280px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat -57px 0px;
    }
    .header {
        background-size: 22% 100%;
    }
    .slider-caption {
        top: 53%;
    }
}
@media(max-width:1024px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat -227px 0px;
    }
    .header {
        background-size: 25% 100%;
    }
    .slider-caption {
        top: 36%;
    }
    .slider-caption {
        width: 58%;
        top: 43%;
    }
    .top-grid {
        padding: 2em 0;
    }
}
@media(max-width:768px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat -227px 0px;
    }
    .header {
        background:none;
    }
    .slider-caption {
        top: 36%;
    }
    .slider-caption {
        width: 69%;
        top: 30%;
    }
    .top-grid {
        padding: 1em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(../images/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        margin-top: 1em;
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }
    .slider-caption h1 {
        font-size: 2.8em;
    }
    .top-grids {
        padding: 1.5em 0;
    }
    .mid-grid-right {
        padding: 2em;
    }
    .mid-grid-right p {
        width:100%;
    }
    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding:1em 2em 0 2em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }
    ul.pagenation {
        margin: 1em 0 2.5em 0;
    }
    .blog-content-left {
        float: none;
        width:100%;
    }
    .blog-content-right {
        margin-top:1em;
        float: none;
        width: 100%;
    }
    .blog-pagenat ul{
        margin:0;
        padding:0;
    }
    .blog-content {
        margin: 1.5em 0 3em;
    }
    .contact-head h2 {
        font-size:1.5em;
        padding: 0.0em 0 0.2em 0;
    }
    .contact-map iframe {
        min-height: 200px;
    }
    .contact-form-row div {
        width:100%;
        float:none;
        margin-right:0%;
        margin-bottom: 0.5em;
    }
    .contact-form-row div input[type="text"],.contact-form-row2 textarea{
        padding: 0.7em;
    }
    .contact-form-row2 {
        margin-top:0em;
    }
    .contact-form-row {
        margin-bottom: 0em;
    }
    .contact {
        padding: 1em 0 3em;
    }
}
@media(max-width:640px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat -227px 0px;
    }
    .header {
        background:none;
        padding: 0.5em 0;
    }
    .slider-caption {
        top: 36%;
    }
    .slider-caption {
        width: 69%;
        top: 46%;
    }
    .top-grid {
        padding: 1em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(../images/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        margin-top: 1em;
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }
    .slider-caption h1 {
        font-size: 2.2em;
    }
    .top-grids {
        padding: 1.5em 0;
    }
    .mid-grid-right {
        padding: 2em;
    }
    .mid-grid-right p {
        width:100%;
    }
    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding: 1em 1em 0 1em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }
    ul.pagenation {
        margin: 1em 0 2.5em 0;
    }
    .blog-content-left {
        float: none;
        width:100%;
    }
    .blog-content-right {
        margin-top:1em;
        float: none;
        width: 100%;
    }
    .blog-pagenat ul{
        margin:0;
        padding:0;
    }
    .blog-content {
        margin: 1.5em 0 3em;
    }
    .contact-head h2 {
        font-size:1.5em;
        padding: 0.0em 0 0.2em 0;
    }
    .contact-map iframe {
        min-height: 200px;
    }
    .contact-form-row div {
        width:100%;
        float:none;
        margin-right:0%;
        margin-bottom: 0.5em;
    }
    .contact-form-row div input[type="text"],.contact-form-row2 textarea{
        padding: 0.7em;
    }
    .contact-form-row2 {
        margin-top:0em;
    }
    .contact-form-row {
        margin-bottom: 0em;
    }
    .contact {
        padding: 1em 0 3em;
    }
    .slider-caption p {
        height: 20px;
        overflow: hidden;
        width: 93%;
        margin:0;
    }
    a.caption-btn {
        padding: 0.7em 1em;
    }
    .team {
        padding: 1.5em 0;
    }
    .blog-artical {
        margin-bottom: 1em;
    }
}
@media(max-width:480px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat 0px 0px;
        min-height: 200px;
        background-size: cover;
    }
    .header {
        background:none;
        padding: 0.5em 0;
    }
    .slider-caption {
        top: 36%;
    }
    .slider-caption {
        width: 69%;
        top: 24%;
        padding: 0.8em 0.5em;
    }
    .top-grid {
        padding: 0.1em 0 0.5em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(../images/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        margin-top: 1em;
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }
    .slider-caption h1 {
        font-size: 2em;
    }
    .top-grids {
        padding: 1.5em 0;
    }
    .mid-grid-right {
        padding: 2em;
    }
    .mid-grid-right p {
        width:100%;
    }
    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding: 1em 1em 0 1em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }
    ul.pagenation {
        margin: 1em 0 2.5em 0;
    }
    .blog-content-left {
        float: none;
        width:100%;
    }
    .blog-content-right {
        margin-top:1em;
        float: none;
        width: 100%;
    }
    .blog-pagenat ul{
        margin:0;
        padding:0;
    }
    .blog-content {
        margin: 1.5em 0 3em;
    }
    .contact-head h2 {
        font-size: 1.2em;
        padding: 0.0em 0 0.2em 0;
    }
    .contact-map iframe {
        min-height: 200px;
    }
    .contact-form-row div {
        width:100%;
        float:none;
        margin-right:0%;
        margin-bottom: 0.5em;
    }
    .contact-form-row div input[type="text"],.contact-form-row2 textarea{
        padding: 0.7em;
    }
    .contact-form-row2 textarea{
        min-height:200px;
    }
    .contact-form-row2 {
        margin-top:0em;
    }
    .contact-form-row {
        margin-bottom: 0em;
    }
    .contact {
        padding: 1em 0 3em;
    }
    .slider-caption p {
        height: 20px;
        overflow: hidden;
        width: 93%;
        margin:0;
    }
    a.caption-btn {
        padding: 0.7em 1em;
    }
    .team {
        padding: 1.5em 0;
    }
    .blog-artical {
        margin-bottom: 1em;
    }
    .team-grids-caption-left {
        float: none;
        width:100%;
        margin-top:0em;
    }
    .team-grids-caption-right {
        float: none;
        width:100%;
    }
    a.team-btn {
        padding: 0.6em 1.5em;
        margin-top:1em;
    }
    .about-grids {
        padding: 0.2em 0;
    }
    .about-left h1 {
        font-size: 1.2em;
        line-height: 1.5em;
        padding:0.5em 0 0.3em 0;
    }
    .about-left ul {
        margin: 0 0 0.4em 1em;
    }
    .services {
        padding: 0.2em 0;
    }
    .services-left h1 {
        padding: 0.3em 0 0em 0;
        font-size: 1.2em;
        line-height: 1.8em;
    }
    .services-left-grid {
        padding: 0.5em 0;
    }
    .services-left-grid h3 {
        padding: 0 0 0em 0;
        font-size: 1em;
    }
    a.more-btn {
        margin-top: 0em;
    }
    .blog-artical-basicinfo li {
        width: 50px;
        height: 50px;
    }
    .post-date p {
        padding: 0.5em 0 0 0;
    }
    .post-date label{
        display:none;
    }
    .categoery span {
        margin-top: .7em;
    }
    .artlick span {
        margin-top: 0.7em;
    }
    .artlick i,.art-comment i{
        display:none;
    }
    .art-comment span {
        margin-top: 0.7em;
    }
    .blog-artical-info-head h2 a {
        font-size: 0.8em;
    }
    .twitter-weights h3 {
        font-size: 1.2em;
    }
    .b-tag-weight h3 {
        font-size: 1.2em;
    }
    .b-tag-weight ul li a {
        padding: 0.6em 1em;
        font-size: 0.75em;
    }
    .contact-head span {
        color: #777;
        font-size:0.875em;
    }
    .contact-form-row div span, .contact-form-row2 span {
        font-size: 1em;
    }
    .contact-form input[type="submit"] {
        font-size: 1em;
    }
}
@media(max-width:320px){
    .mid-grid-left {
        background: url(../images/about-pic.jpg) no-repeat 0px 0px;
        min-height: 100px;
        background-size: cover;
    }
    .header {
        background:none;
        padding: 0.5em 0;
    }
    .slider-caption {
        top: 36%;
    }
    .slider-caption {
        width: 69%;
        top: 24%;
        padding: 0.8em 0.5em;
    }
    .top-grid {
        padding: 0.1em 0 0.5em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(../images/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        margin-top: 1em;
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }
    .slider-caption h1 {
        font-size: 1.5em;
        margin: 0;
        padding: 0;
        line-height: 1;
    }
    .top-grids {
        padding: 1.5em 0;
    }
    .mid-grid-right {
        padding: 2em;
    }
    .mid-grid-right p {
        width: 100%;
        font-size: 0.875em;
        line-height: 1.5em;
    }
    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding: 1em 1em 0 1em;
    }
    .bottom-grid-right p{
        width: 100%;
        font-size: 0.875em;
        line-height: 1.5em;
    }
    a.load-news {
        padding: 1em 0;
    }
    ul.pagenation {
        margin: 1em 0 2.5em 0;
    }
    .blog-content-left {
        float: none;
        width:100%;
    }
    .blog-content-right {
        margin-top:1em;
        float: none;
        width: 100%;
    }
    .blog-pagenat ul{
        margin:0;
        padding:0;
    }
    .blog-content {
        margin: 1.5em 0 3em;
    }
    .contact-head h2 {
        font-size: 1.2em;
        padding: 0.0em 0 0.2em 0;
    }
    .contact-map iframe {
        min-height: 200px;
    }
    .contact-form-row div {
        width:100%;
        float:none;
        margin-right:0%;
        margin-bottom: 0.5em;
    }
    .contact-form-row div input[type="text"],.contact-form-row2 textarea{
        padding: 0.7em;
    }
    .contact-form-row2 textarea{
        min-height:200px;
    }
    .contact-form-row2 {
        margin-top:0em;
    }
    .contact-form-row {
        margin-bottom: 0em;
    }
    .contact {
        padding: 1em 0 3em;
    }
    .slider-caption p {
        height: 20px;
        overflow: hidden;
        width: 93%;
        margin:0;
    }
    a.caption-btn {
        padding: 0.5em 0.8em;
        margin: 0.8em 0 0 0;
        font-size: 0.7em;
    }
    .team {
        padding: 1.5em 0;
    }
    .blog-artical {
        margin-bottom: 1em;
    }
    .team-grids-caption-left {
        float: none;
        width:100%;
        margin-top:0em;
    }
    .team-grids-caption-right {
        float: none;
        width:100%;
    }
    a.team-btn {
        padding: 0.5em 1em;
        margin-top: 1em;
        font-size: 0.875em;
    }
    .about-grids {
        padding: 0.2em 0;
    }
    .about-left h1 {
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 0.3em 0 0.2em 0;
    }
    .about-left ul {
        margin: 0 0 0.4em 1em;
    }
    .services {
        padding: 0.2em 0;
    }
    .services-left h1 {
        padding: 0.3em 0 0em 0;
        font-size: 1.2em;
        line-height: 1.8em;
    }
    .services-left-grid {
        padding: 0.5em 0;
    }
    .services-left-grid h3 {
        padding: 0 0 0em 0;
        font-size: 1em;
    }
    a.more-btn {
        margin-top: 0em;
    }
    .blog-artical-basicinfo li {
        width: 50px;
        height: 50px;
    }
    .post-date p {
        padding: 0.5em 0 0 0;
    }
    .post-date label{
        display:none;
    }
    .categoery span {
        margin-top: .7em;
    }
    .artlick span {
        margin-top: 0.7em;
    }
    .artlick i,.art-comment i{
        display:none;
    }
    .art-comment span {
        margin-top: 0.7em;
    }
    .blog-artical-info-head h2 a {
        font-size: 0.6em;
    }
    .twitter-weights h3 {
        font-size: 1.2em;
    }
    .b-tag-weight h3 {
        font-size: 1.2em;
    }
    .b-tag-weight ul li a {
        padding: 0.6em 1em;
        font-size: 0.75em;
    }
    .contact-head span {
        color: #777;
        font-size:0.875em;
    }
    .contact-form-row div span, .contact-form-row2 span {
        font-size: 0.9em;
    }
    .contact-form input[type="submit"] {
        font-size: 1em;
    }
    .top-grid h3 {
        padding: 0.2em 0 0.2em;
        font-size: 1.2em;
    }
    .mid-grid-right h2 {
        font-size: 1.2em;
    }
    a.about-btn {
        padding: 0.7em 1em;
    }
    .bottom-grids h2 {
        font-size: 1.2em;
        padding: 0em 0 0.8em;
    }
    .team-people-info h3 {
        margin-top: 3.5em;
    }
    .team-grids-caption-left h4 {
        font-size: 1.2em;
    }
    .team-grids-caption-left p{
        font-size:0.875em;
    }
    .about-left p {
        font-size: 0.875em;
        line-height:1.5em;
    }
    .about-left ul li a{
        font-size:0.875em;
    }
    .about-left h2,.team-head h3{
        font-size:1.2em;
    }
    .services-left-grid p {
        line-height: 1.5em;
        font-size: 0.875em;
    }
    .team-grids {
        padding: 0.5em 0 0 0;
    }
    .blog-artical-basicinfo {
        width: 21%;
    }
    .blog-artical-info {
        width: 76%;
    }
    .blog-artical-info-head ul li a, .blog-artical-info-head ul li {
        font-size: 0.875em;
    }
    .blog-artical-info-text p {
        margin: 0.5em 0;
    }
}

ul.men-grid li.login a span{
    background-position: -143px -29px;
    vertical-align: top;
}

ul.men-grid li  span{
    background: url(/EmergenciasWAR/public/images/img-sprite.png)-117px -30px;
    width: 26px;
    height: 26px;
    display: inline-block;
}

/*login*/
.clear{clear:both;}/* clear float */

.main{
    margin:7em auto 0;
    margin-top: 35px;
    margin-bottom: 35px;
    width: 30%;
}
.user {
    text-align: right;
    vertical-align: middle;
    margin-right: 5.2em;
}
/*.login{
     padding:2em 0;     
}*/
.inset {
    position:relative;
    background: #3498DB;
    padding: 2em 2em;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}
/*.inset:before{
    content: '';
    width: 0;
    height: 0;
    border: 20px solid #3498DB;
    border-top: 0 solid rgba(0, 0, 0, 0)!important;
    border-right: 13px solid rgba(0, 0, 0, 0)!important;
    border-left: 13px solid rgba(0, 0, 0, 0);
    left: 77.1%;
    top: -5.3%;
    position: absolute;
}*/
form span {
    display: block;
    font-size: 1em;
    color: #fff;
    padding-bottom: 5px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
input[type="text"],input[type="Password"] {
    padding: 9px;
    width: 90%;
    font-size: 1.1em;
    margin: 18px 0px;
    border: 2px solid#EAEEF1;
    color: #666666;
    background:#EAEEF1;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    margin-left: 5px;
    outline:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
input[type="text"]:hover,input[type="Password"]:hover,#active{
    background:#fff;
    border:2px solid #609EC3;
    outline:none;
}
.sign {
    padding: 10px 0;
}
.forget-pass {
    float: right;
}
.submit {
    padding: 2px 2px;
    float:left;
    margin-right: 11px;
}
.submit input[type="submit"] {
    background: #2C3E50;
    border: none;
    outline: none;
    padding: 0.55em 1.3em 0.6em;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    font-size: 0.9em;
    border-radius: 1.3em;
    -webkit-border-radius: 1.3em;
    -moz-border-radius: 1.3em;
    -o-border-radius: 1.3em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    font-weight: 600;
}
.submit input[type="submit"]:hover{
    background:#19b5fe;
}
.forget{
    float:right;
}
.forget-pass a {
    float: right;
    color:#fff;
    font-size: 0.95em;
    margin-top: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.forget-pass a:hover {
    text-decoration: underline;
}

/*----start-responsive design-----*/
@media (max-width:1440px){
    .main {
        width:43%;
        margin: 7em auto 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }    
}
@media (max-width:1366px){
    .main {
        width:36%;
    }    
}
@media (max-width:1280px){
    .main {
        width:40%;
    }    
    input[type="text"], input[type="Password"] {
        padding: 9px;
        width: 93%;
    }
}
@media (max-width:1024px){
    .main {
        width:38%;
        margin: 8em auto 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }    
}
@media (max-width:768px){
    .main {
        width:59%;
    }    
}
@media (max-width:640px){
    .main {
        width:67%;
    }    
}
@media (max-width:480px){
    .main {
        width:90%;
        margin: 3em auto 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }    
}
@media (max-width:320px){
    .main {
        width: 97%;
        margin: 2em auto 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }        
    .submit{
        padding: 2px ;
        text-align: center;
        float:none;
    }
    .forget-pass {
        float:none;
        text-align:center;
        margin-top: 15px
    }
    .forget-pass a {
        float:none;
    }
    input[type="text"], input[type="Password"] {
        padding: 6px;
        margin: 9px 0px;
    }

}

/*fin login*/